<div class="camera-time">
    <div class="camera-time-title" style="display:none;">05:00</div>
    <div class="camera-time-bar">
        <div class="camera-time-night"></div>
        <div class="camera-time-day"></div>
        <div class="camera-time-line"></div>
        <div class="camera-time-slider-left"></div>
        <div class="camera-time-slider-right"></div>
    </div>
</div>
<div class="camera-time-num">
    <ul>
        <li>0:00</li>
        <li>4:00</li>
        <li>8:00</li>
        <li>12:00</li>
        <li>16:00</li>
        <li>20:00</li>
        <li class="last_one">24:00</li>
    </ul>
</div>
<div class="camera-time-tips">
    <a class="fn-left fn-marr10"> <i class="camera-timetip-icon-day"></i>
        <label t="Daytime"><!-- Day --></label>
    </a>
    <a class="fn-left"> <i class="camera-timetip-icon-night"></i>
        <label t="Night"><!-- Night --></label>
    </a>
</div>